.theme-light{
    /* 表格颜色 */
    --tech-table-background:#eee;
    --tabl-border:#555;
    --task-background-color:#ccc;
    --chacked-txt-color:#666;


    /* 针对svg的颜色设置 */
    /* var colorLight=["","","","#aaff5588","#eacf00","","","","",""]//时间分类颜色标识 */
    --acolor: #f16b6b;
    --bcolor: #14b1bd;
    --ccolor: #53a553;
    --dcolor: #14b1bd;
    --ecolor: #5239dd;
    --fcolor: #d65bd0;
    --gcolor: #53a553;
    --hcolor: #00000000;
    --icolor: #778f22;
    --jcolor: #00000000;
    --kcolor: #00000000;
    --lcolor: #00000000;
    --mcolor: #00000000;
    --ncolor: #00000000;
    --ocolor: #00000000;
    --pcolor: #00000000;
    --qcolor: #00000000;
    --rcolor: #e45757;
    --scolor: #00000000;
    --tcolor: #00000000;
    --ucolor: #00000000;
    --vcolor: #00000000;
    --wcolor: #00000000;
    --xcolor: #00000000;
    --ycolor: #eedf5c;
    --zcolor: #00000000;

    
    --z:#c6da91;
    --z0:#76d1c3;
    --z1:#c99bd4;
    --z2:#e0ad9c;
    --z3:#acb2e4;
    --z4:#d6bce9;
    --z5:#94e0c4;
    --z6:#c6df6e;

    --dotcolor:#000;
    --svgStrokeColor:#000;

    --svgBcakgroundColr:  #eee;
    --weekendSvgBcakgroundColr:  #cfdfb6;
    --timeNoteBackgroundColor: #cccccc80;
    --timeNoteBordeColor: #65656580;
    --hline:  #54545488;
    --shline: #fa0606bd;  /*9,15,21*/
    --clockLine: #2a2a2a;    /*6,12,18*/
    --scheduleBg: #ffae00;

    --thisMonthColor: #000;
    --notthisMonthColor:#aaaaaa;

    --tdborder:#222;
    /* 统计图背景色 */
    --billShowBc:#d1adb722;
    /* 纵向十格线 */
    --tenLine:#975a5ab7;
    /* 纵向五格线 */
    --fiveLine:#c47c7cb7;
    /* 普通线条 */
    --line:#bbb8b8;
    /* 周日线 */
    --weekLine:#b65858f6;
    /* 支出标签背景色 */
    --billCostLableBc:#ff000000;
    /* 收入标签背景色 */
    --billSaleryLableBc:#ff000000;
    /* 支出标签数字 */
    --billCostLable:#a03f3f;
    /* 收入标签数字 */
    --billSaleryLable:#4f944f;
    /* 日期数字 */
    --billDay:#3b3b3b;
    /* 支出线颜色 */
    --costLine:#da552d;
    /* 收入线颜色 */
    --saleryLine:#20a75c;
/* 支出收入的表格背景色 */
    --cost:#cfa493;
    --salery:rgb(170, 192, 142);
    /* 周统计背景色 */
    --weekSumSvgBc:#aaaa8883;
    --nomal:#000000;
}

.theme-dark{
    /* 表格颜色 */
    --tech-table-background:#333333;
    --tabl-border:rgb(104, 103, 103);
    --task-background-color:rgb(83, 83, 83);
    --chacked-txt-color:rgb(161, 161, 161);


    /* 针对svg的颜色设置 */
    /* var colorLight=["","","","#aaff5588","#eacf00","","","","",""]//时间分类颜色标识 */
    --acolor: #631515;
    --bcolor: #14b1bd;
    --ccolor: #1f5c1f;
    --dcolor: #246d72;
    --ecolor: #23147a;
    --fcolor: #6d1368;
    --gcolor: #53a553;
    --hcolor: #00000000;
    --icolor: #aad60c;
    --jcolor: #00000000;
    --kcolor: #00000000;
    --lcolor: #00000000;
    --mcolor: #00000000;
    --ncolor: #00000000;
    --ocolor: #00000000;
    --pcolor: #00000000;
    --qcolor: #00000000;
    --rcolor: #e45757;
    --scolor: #00000000;
    --tcolor: #00000000;
    --ucolor: #00000000;
    --vcolor: #00000000;
    --wcolor: #00000000;
    --xcolor: #00000000;
    --ycolor: #eedf5c;
    --zcolor: #ff0000;

    --z:#525e33;
    --z0:#2b5852;
    --z1:#402946;
    --z2:#57392f;
    --z3:#272a49;
    --z4:#331846;
    --z5:#1a4b39;
    --z6:#394218;

    --dotcolor:#fff;
    --svgStrokeColor:#fff;
    
    --svgBcakgroundColr:  hsl(0, 0%, 20%);
    --weekendSvgBcakgroundColr:  hsl(100, 4%, 26%);
    --timeNoteBackgroundColor: #55555580;
    --timeNoteBordeColor: #22222280;
    --hline:  #54545488;
    --shline: #944b4bbd;  /*9,15,21*/
    --clockLine: #8d4e4e;    /*6,12,18*/
    --scheduleBg: #ad7600;


    --thisMonthColor: #e2e2e2;
    --notthisMonthColor: #686868;

    --tdborder:#222;
    /* 统计图背景色 */
    --billShowBc:#e9d2d822;
    /* 纵向十格线 */
    --tenLine:#4e0e0eb7;
    /* 纵向五格线 */
    --fiveLine:#4e0e0eb7;
    /* 普通线条 */
    --line:#222;
    /* 周日线 */
    --weekLine:#4e0e0eb7;
    /* 支出标签背景色 */
    --billCostLableBc:#ff000000;
    /* 收入标签背景色 */
    --billSaleryLableBc:#ff000000;
    /* 支出标签数字 */
    --billCostLable:#db5858;
    /* 收入标签数字 */
    --billSaleryLable:#2bbb2b;
    /* 日期数字 */
    --billDay:#a7a7a7;
    /* 支出线颜色 */
    --costLine:#9e5e4a;
    /* 收入线颜色 */
    --saleryLine:#48a371;
/* 支出收入的表格背景色 */
    --cost:#7c3214;
    --salery:rgb(62, 95, 22);
    --weekSumSvgBc:#686851bd;
    --nomal:rgb(170, 170, 170);
}


.z{
    background-color: var(--z);
}
.z0{
    background-color: var(--z0);
}
.z1{
    background-color: var(--z1);
}
.z2{
    background-color: var(--z2);
}
.z3{
    background-color: var(--z3);
}
.z4{
    background-color: var(--z4);
}
.z5{
    background-color: var(--z5);
}
.z6{
    background-color: var(--z6);
}
.z7{
    background-color: var(--z7);
}
.z8{
    background-color: var(--z8);
}
.z9{
    background-color: var(--z9);
}



.techo table{
    /* width: 1600px; */
    width: 100% !important;
    table-layout: fixed !important;
    border:1px !important ;
}
input{
    word-break:break-all
}
td.log{
    padding: 0px;
}
th.day,
td.day{
    width: 160px;
}
.techo-week-table .week{
    width: 380px;
}
.techo-week-table{
    background-color: var(--svgBcakgroundColr);
}
.techo-month-table .sunday,
.techo-month-table .saturday,
.techo-week-table .sunday,
.techo-week-table .saturday{
    background-color: var(--weekendSvgBcakgroundColr);
}
.techo-month-table th,
.techo-month-table td,
.techo-week-table th,
.techo-week-table td{
    border-color: var(--tdborder);
}



.techo-month-table{
    background-color: var(--svgBcakgroundColr);
    border: var(--tdborder);
}


.techo-month-table .week{
    width: 180px;
}
.techo-month-table .monthPlan{
    width: 200px;
}
.techo-week-table td,
.techo-week-table  th,
.techo-month-table td,
.techo-month-table th{
    text-align:left;
    vertical-align: top;
    /* height: 100px !important; */
}
.techo-month-table td{
    height: 50px !important;
}
.techo-month-table h6{
    margin-top: 2px;
    margin-bottom: 2px;
    font-size:small ;
    font-weight: normal;
}
.weekNumber h6{
    font-size:large;
    font-weight: bolder;
}

.techo-month-table .thisMonth h6,
.techo-month-table .thisMonth p{
    color: var(--thisMonthColor)
}
.techo-month-table .notthisMonth h6,
.techo-month-table .notthisMonth p{
    color: var(--notthisMonthColor)
}


.schedule{
    font-size: small;
}
.week p{
    font-size: smaller;
}
.week td{
    padding: 0px 0px !important;
    border:1px solid #222 !important;
}

div.schedule{
    border-radius: 5px;
    border: solid #333 1px;
    margin-bottom: 2px;

}
.plan p{
    font-size: small;
    padding: 0px;
    margin: 0px;
}

/* ++++++++++> Bill <++++++++++++++ */

.nobill{
    font-size: 0px;
}
.nobill > td{
    max-height: 1px;
}

.salery{
    background-color: var(--salery);
}
.cost{
    background-color: var(--cost);
}

.blank{
    height: 150px;
}

.week-plan{
    position: relative;
}
.weekSum{
    opacity: 0.2;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.weekSum:hover{
    opacity: 1;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.techo-month-table td,
.hasBill td{
    padding-left: 15px;
}
input .done{
    background-color: #1a4b39 !important;
    visibility: hidden;
}
input .todo{
    visibility:visible;
}
foreignObject.time-sum{
    /* background-color: #1f5c1f; */
    font-size: large;
}
foreignObject.time-sum div{
    /* background-color: #14b1bd; */
    text-align: center;
    vertical-align: middle;
    /* align:center; */
}
.right{
    float: right;
}
.left{
    float: left;
}